<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>首页</title>
  <link rel="stylesheet" href="./common/CSS/reset.css">
  <link rel="stylesheet" href="./common/CSS/header.css">
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <div class="web">
    <!-- 头部 -->
    <header>
      <!-- 蓝色的线 -->
      <div class="header-line"></div>
      <!-- 头部主要内容 -->
      <div class="header-content clearfix">
        <!-- logo -->
        <a href="#" class="logo fl">
          <img src="./assets/images/logo.jpg" alt="logo">
        </a>
        <!-- 导航 -->
        <nav class="navigation fl">
          <ul class="clearfix">
            <li class="fl active"><a href="#">首页</a></li>
            <li class="fl"><a href="#">关于鼎搜</a></li>
            <li class="fl"><a href="#">鼎搜服务</a></li>
            <li class="fl"><a href="#">鼎搜动态</a></li>
            <li class="fl"><a href="#">鼎搜诚聘</a></li>
            <li class="fl"><a href="#">鼎搜公益</a></li>
          </ul>
        </nav>
        <!-- 搜索 -->
        <div class="search fr">
          <input type="text">
          <div class="search-logo">
            <img src="./assets/images/search-logo.jpg" alt="search-logo">
          </div>
        </div>
      </div>
    </header>
    <!-- 关于我们 -->
    <section class="about-us">
      <fieldset class="about-us-title">
        <legend>关于我们</legend>
        <span>ABOUT US</span>
      </fieldset>

      <ul class="about-content">
        <li class="item">
          <div class="item-logo">
            <img src="./assets/images/mission.png" alt="mission">
          </div>
          <p class="item-title">使命</p>
          <p class="item-title">MISSION</p>
          <p class="item-content">
            广州鼎搜网企业管理服务有限公司，公司秉承 诚信为鼎，共赢为首，
            服务全网的经营宗旨。鼎搜让世界的生意做得更容易！
          </p>
        </li>
        <li></li>
        <li></li>
      </ul>
    </section>
    <!-- 友情链接 -->
    <section class="friendship">
      <div class="mask-layer">
        <fieldset class="fsp">
          <legend>友情链接</legend>
          <span>Link</span>
        </fieldset>
        <ul class="fsp-content">
          <li>
            <img src="./assets/images/bottom-left.png" alt="left">
          </li>
          <li>
            <img src="./assets/images/alibaba-logo-01.png" alt="1-1">
          </li>
          <li>
            <img src="./assets/images/int.png" alt="1-2">
          </li>
          <li>
            <img src="./assets/images/alibaba-logo-01.png" alt="1-3">
          </li>
          <li>
            <img src="./assets/images/bottom-right.png" alt="right">
          </li>
        </ul>
      </div>
    </section>
    <!-- 详情 -->
    <footer>
      <div class="information clearfix">
        <ul class="footer-item fl">
          <li>简介</li>
          <li>鼎搜网简介</li>
          <li>鼎搜服务</li>
          <li>会员身份实名认证</li>
        </ul>
        <ul class="footer-item fl">
          <li>帮助</li>
          <li>用户注册</li>
          <li>关于鼎搜</li>
          <li>在线咨询</li>
        </ul>
        <ul class="footer-item fl">
          <li>共赢</li>
          <li>网站合作</li>
          <li>用户协议</li>
          <li>会员身份实名认证</li>
        </ul>
        <ul class="footer-item fl">
          <li>导航</li>
          <li>地图首页</li>
          <li>职能分类</li>
          <li>企业名录</li>
        </ul>

        <div class="qr-code fr">
          <div class="qr-code-first">
            <div class="first">
              <img src="./assets/images/phone.png" alt="phone">
            </div>
           
          </div>
        
        </div>
      </div>
    </footer>
  </div>
</body>

</html>